﻿<%@ Page Title="Album" Language="C#" MasterPageFile="~/Site.Master" AutoEventWireup="true"
    EnableViewState="false" CodeBehind="Gallery.aspx.cs" Inherits="Marta.buchalska.wesele.Gallery" %>

<asp:Content ID="Content3" ContentPlaceHolderID="MainContent" runat="server">
    <asp:ScriptManagerProxy runat="server">
        <Scripts>
            <asp:ScriptReference Path="~/Scripts/jquery.galleriffic.js" />
        </Scripts>
    </asp:ScriptManagerProxy>
    <script type="text/javascript">
        jQuery(document).ready(function ($) {
            var gallery = $('#thumbs').galleriffic({
                delay: 3000, // in milliseconds
                numThumbs: 20, // The number of thumbnails to show page
                preloadAhead: 40, // Set to -1 to preload all images
                enableTopPager: false,
                enableBottomPager: false,
                maxPagesToShow: 7,  // The maximum number of pages to display in either the top or bottom pager
                imageContainerSel: '#slideshow', // The CSS selector for the element within which the main slideshow image should be rendered
                captionContainerSel: '#caption', // The CSS selector for the element within which the captions should be rendered
                loadingContainerSel: '#loader', // The CSS selector for the element within which should be shown when an image is loading
                renderSSControls: false, // Specifies whether the slideshow's Play and Pause links should be rendered
                renderNavControls: false, // Specifies whether the slideshow's Next and Previous links should be rendered
                enableHistory: false, // Specifies whether the url's hash and the browser's history cache should update when the current slideshow image changes
                enableKeyboardNavigation: true, // Specifies whether keyboard navigation is enabled
                autoStart: false, // Specifies whether the slideshow should be playing or paused when the page first loads
                syncTransitions: false, // Specifies whether the out and in transitions occur simultaneously or distinctly
                defaultTransitionDuration: 1000, // If using the default transitions, specifies the duration of the transitions
                onSlideChange: undefined, // accepts a delegate like such: function(prevIndex, nextIndex) { ... }
                onTransitionOut: undefined, // accepts a delegate like such: function(slide, caption, isSync, callback) { ... }
                onTransitionIn: undefined, // accepts a delegate like such: function(slide, caption, isSync) { ... }
                onPageTransitionOut: undefined, // accepts a delegate like such: function(callback) { ... }
                onPageTransitionIn: undefined, // accepts a delegate like such: function() { ... }
                onImageAdded: undefined, // accepts a delegate like such: function(imageData, $li) { ... }
                onImageRemoved: undefined  // accepts a delegate like such: function(imageData, $li) { ... }
            });
        });
    </script>
    <%-- <a href="http://www.cortaderia.pl/oferta/slub/bukiet_marzen">http://www.cortaderia.pl/oferta/slub/bukiet_marzen</a>&nbsp;<br />--%>
    <div id="banner_small">
    </div>
    <div class="main_text">
      <p class="one_column"  style="text-align: center">
            <strong>GALERIA ZDJĘĆ</strong></p>
    </div>
    <div id='contentLeft'>
        <asp:ListView runat="server" DataKeyNames="ID" DataSourceID="CategoryDataSource"
            ClientIDMode="Static">
            <EmptyDataTemplate>
                <span>No data was returned.</span>
            </EmptyDataTemplate>
            <ItemTemplate>
                <h3>
                    <asp:Label Text='<%# Eval("Name") %>' runat="server" /></h3>
                <asp:ListView runat="server" ID='GalleryListView' DataSource='<%# Eval("Photo_galleries") %>'>
                    <ItemTemplate>
                        <div class="item">
                            <asp:HyperLink runat="server" NavigateUrl='<%# GetRouteUrl("R_Galeria",new {gallery_name = Eval("Name")}) %>'
                                Text='<%#Eval("Name"," &raquo; {0}") %>'></asp:HyperLink>
                        </div>
                    </ItemTemplate>
                    <LayoutTemplate>
                        <div runat="server" id='itemPlaceholderConteiner'>
                            <span runat="server" id="itemPlaceholder"></span>
                        </div>
                    </LayoutTemplate>
                </asp:ListView>
                <br />
                </span>
            </ItemTemplate>
            <LayoutTemplate>
                <div id="itemPlaceholderContainer" runat="server">
                    <span runat="server" id="itemPlaceholder" />
                </div>
            </LayoutTemplate>
        </asp:ListView>
    </div>
    <asp:Panel runat="server" ID="contentMiddle" ClientIDMode="Static">
        <div class="slideshow-container">
            <div id="loading" class="loader">
            </div>
            <div id="slideshow" class="slideshow">
            </div>
            <div id="caption" class="caption-container">
            </div>
        </div>
        <%-- <div id='imgHolder'>
            <img id='imgHoock' /></div>--%>
        <%--<div id="breadCrumps">
            <div id="imgHolder" style="position: relative;">
                <img id="mainImg" width="500" height="375" style="position: absolute; display: none">
                <img id="img1" src="/public/module/oferta/images/oferta_zdjecie_5_263_big.jpg" width="500"
                    height="375" style="position: absolute;">
                <div id="fadeBg">
                </div>
                <div id="dFileDesc">
                </div>
            </div>
        </div>--%>
    </asp:Panel>
    <asp:Panel runat="server" ID='contentRight' ClientIDMode="Static">
        <asp:ListView runat="server" ClientIDMode="Static" OnLoad='PhotoList_Load' GroupPlaceholderID="thombs">
            <ItemTemplate>
                <li><a class="thumb" href='<%# (Eval("URL")).ToString().Replace("mini-","original-") %>' runat="server">
                    <asp:Image ImageUrl='<%#Eval("URL") %>' runat="server" Height="85" Width="64" ToolTip='<%# Eval("Name") %>' />
                </a>
                    <div class='caption'>
                        <asp:Label Text='<%#Eval("description") %>' runat="server" />
                    </div>
                </li>
            </ItemTemplate>
            <%-- <AlternatingItemTemplate>
                <asp:Image ImageUrl='<%#Eval("URL") %>' runat="server" CssClass='imgThomb' ToolTip='<%# Eval("Name") %>' /><span
                    class='description'>
                    <%#Eval("description") %></span>
                <br />
            </AlternatingItemTemplate>--%>
            <LayoutTemplate>
                <div id="thumbs" runat="server">
                    <ul class="thumbs noscript">
                        <span id="itemPlaceholder" runat="server"></span>
                    </ul>
                </div>
            </LayoutTemplate>
        </asp:ListView>
    </asp:Panel>
    <asp:LinqDataSource ID="CategoryDataSource" runat="server" ContextTypeName="Marta.buchalska.wesele.DataModel.WeedingDBDataContext"
        TableName="Photo_categories">
    </asp:LinqDataSource>
</asp:Content>
